<template>
  <div class>
    <div class="footer-section">
      <div class="btns-wrap">
        <Button class="pierced c-btn mr12">导入参保</Button>
        <Button class="save-btn-green c-btn " @click="add">添加参保</Button>
      </div>
      <div class="he">您还没添加参保方案，一个方案解决 N 种参保问题</div>
      <div class="desc-list flex">
        <div class="desc-list-item" v-for="(item, index) in descList" :key="index">
          <img
            :src="item.src"
            class="img-icon"
          />
          <div class="title-item">{{item.title}}</div>
          <div class="desc-de">
              {{item.desc}}
            <br />
              {{item.desc2}}
          </div>
        </div>
       
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
        descList:[
            {
                src:'',
                title:"多人多地参保方案",
                desc:"给不同缴纳要求的员工添加不同",
                desc2:"的参保方案"
            },
            {
                src:"",
                ttile:"政策调整，一键修改",
                desc:"基数上下限、比例调整，一键修改",
                desc2:"参保方案，同步更新员工参保数据"
            },
            {
                src:"",
                ttile:"政策调整，一键修改",
                desc:"基数上下限、比例调整，一键修改",
                desc2:"参保方案，同步更新员工参保数据"
            },
            {
                src:"",
                ttile:"1000+全国参保方案",
                desc:"系统自带1000+全国各地参保",
                 desc2:"方案供您参考使用"
            }
            
        ]
    };
  },
    methods: {
    openModal(){
      this.modal2 = true;
    },
    addScheme() {
        this.modal2 = false;
        this.$router.push("/socialsecurity/scheme/add");
    },
    add(){
         this.$router.push("/socialsecurity/scheme/add");
    }
  }
};
</script>
<style lang="scss" scoped src="./index.scss">
</style>